<!--
 * @Description: In User Settings Edit
 * @Author: your name
 * @Date: 2019-06-08 07:51:53
 * @LastEditTime: 2019-10-13 22:15:25
 * @LastEditors: Please set LastEditors
 -->
<template>
    <view class="title-box">
        <view class="title">
            <view class="triangle"></view>
            <view class="text">{{title}}</view>
            <view class="triangle"></view>
        </view>
        <view class="line"></view>
    </view>
</template>
<script>
export default {
    props:["title"]
    
}
</script>
<style lang="less" scoped>
  .title{
        display: flex;
        text-align: center;
        justify-content: center;
        align-content: center;  
        margin: 24upx auto 12upx;
        .triangle{
            width:0;
            height:28upx;
            border-left:8upx solid transparent;
            border-right:8upx solid transparent;
            border-bottom:16upx solid #FF9900;
        }
        .text{
            padding: 0 20upx;
            height:40upx;
            font-size:28upx;
            font-family:PingFang-Semibold;
            font-weight:bold;
            line-height:40upx;
            color:rgba(255,153,0,1);
            
        }
    }
    .line{
        width:584upx;
        height:1upx;
        background: rgba(1,1,1,0.6470588235294117);
        margin: 0 auto;
        margin-bottom: 18upx;
    }
</style>

